<!DOCTYPE html>
<html>
  <head>
    <title>multiple-attribute-selector.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="../javascript/lib/jquery-1.9.1/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			alert($("form[name$='Office1']form[name^='admin']").length);
			alert($("[name^='admin'][name$='Office1']").length);
			//ancestor descendant用法
			alert($("[name^='admin'][name$='Office1'] :input").length);
			//所有表单控件:input,select,textarea,button.
			alert($(":input").length);
		})
	</script>
  </head>
  
  <body>
    <form name="adminUserOffice1">
    	<input type="text" id="userName" />
    	<input type="text" id="employerId" />
    	<input type="text" id="age" />
    </form>
    <form name="adminUserOffice2">
    	<input type="text" id="userName" />
    	<input type="text" id="employerId" />
    	<input type="text" id="age" />
    </form>
    <form name="regularUserOffice1">
    	<input type="text" id="userName" />
    	<input type="text" id="employerId" />
    	<input type="text" id="age" />
    </form>
    <form name="regularUserOffice2">
    	<input type="text" id="userName" />
    	<input type="text" id="employerId" />
    	<input type="text" id="age" />
    </form>
  </body>
</html>
